<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./css/swiper-3.4.2.min.css"/>
    <link rel="stylesheet" href="./css/mySupportCrowdfundingDetail.css"/>
    <title>我支持的众筹详情</title>
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>
<body>

<div class="container">

</div>
<script type="text/template" id="detailTpl">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            {{each data.img_ids as item i}}
            <div class="swiper-slide">
                <img src="{{item}}" alt=""/>
            </div>
            {{/each}}

        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="movie">
        <p>项目介绍</p>

        <div class="movie_content">
            <p>
                {{data.project_synopsis}}
            </p>
        </div>

    </div>
    <div class="productInfo">
        <p>基本信息</p>

        <div>
            <p>
                <span>负责人：{{data.link_person}}</span>
                <span>发起主体：{{data.user_type==100?"个人":"企业"}}</span>
            </p>

            <p>
                <span>制作类型：众筹</span>
                <span>资金需求：{{data.budget}}元</span>
            </p>

            <p>
                <span>发起机构：{{data.user_type==100?data.link_person:data.enterprise_name}}</span>
            </p>

            <p>
                <span>截止时间： {{data.end_time}}</span>
            </p>

            <p class="progress">
                <b></b>
            </p>
            <ul class="progressInfo">
                <li>
                    <span>{{data.current_budget}}</span>
                    <span>{{data.current_portion}}</span>
                    <span class="progressWidth"></span>
                </li>
                <li>
                    <span>目标{{data.budget}}元</span>
                    <span>支持(份)</span>
                    <span>筹款进度</span>
                </li>

            </ul>
        </div>
    </div>
    <div class="product">
        <p>众筹详情</p>

        <div>
            {{data.project_desc}}
        </div>
    </div>
    <ul id="ul">
        {{each data.back_list as value index}}
        <li>
            <h5>{{value.back_title}}</h5>

            <div class="info">
                <p>礼品详情</p>

                <div>
                   {{value.back_desc}}

                </div>
            </div>
            <div class="needInfo">
                <p>配送：全国包邮（港澳台及新疆地区除外）</p>

                <p>回报时间：{{value.back_time}}</p>

                <p>支持人数：{{value.current_numbers}}人 </p>

            </div>
            <p class="money">
                <span>支持价格：{{value.case}}元</span>
                <span class="btn{{index}} support">去支持</span>
            </p>
        </li>
{{/each}}
    </ul>
    <!--用于适配iPhone X底部-->
    <div class="footer_position"></div>
</script>


<script src="../../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../../person_home/js/swiper-3.4.2.min.js"></script>
<script src="../../person_home/js/flexible.js"></script>
<script src="../../person_home/js/template.js"></script>
<script src="../../person_home/js/url.js"></script>
<script src="../../person_home/js/isIphoneX.js"></script>
<script src="./js/mySupportCrowdfundingDetail.js"></script>
</body>
</html>